<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="__CSS__bootstrap.min.css" type="text/css" rel="stylesheet">
        <link href="__CSS__login.css" type="text/css" rel="stylesheet">
        <script src="__JS__jquery-3.1.1.min.js"></script>
        <script src="__JS__bootstrap.min.js"></script>
    </head>
    <body style="background-image: url('__IMGS__1.jpg');">
        <div class="navbar navbar-inverse">
            <div class="container-fluid">
                <div class="navbar-header">
                    <div class="navbar-brand">
                        <small class="glyphicon glyphicon-grain"></small>WeCome
                    </div>
                </div>
                 <ul class="nav navbar-nav navbar-right">
                            <li><a href="__HOME__Index/index">首页</a></li>
                            <li><a href="__HOME__Login/rigster">注册</a></li>
                </ul>
            </div>
        </div>

        <div class="by">
            <form id="fm" class="col-sm-offset-2 col-md-offset-1" method="post" action="login">
                <label id="fm_lb">登录</label>
                <div class="form-group">
                    <label for="name" class="control-label col-sm-10 col-md-12">用户名</label>
                    <div class="col-sm-10 col-md-12">
                        <input type="text" class="form-control" id="name" name="name" placeholder="请输入名称">
                        <p class="help-block">字母，数字，汉字皆可</p>
                    </div>
                </div>

                <div class="form-group">    
                    <label for="inputPassword" class="control-label col-sm-10 col-md-12">密码</label>
                    <div class="col-sm-10 col-md-12">
                        <input type="password" class="form-control" id="inputPassword" name="password" placeholder="请输入密码">
                        <p class="help-block">字母，数字皆可</p>
                    </div>
                </div>

                <div>
                    <div class="col-sm-12 col-md-12" style="margin: 0.5em 0px;">
                        <div class="col-sm-5 col-md-5" style="margin: 0;">
                            <input class="form-control" name="verify" type="text">
                        </div>
                        <img id="verify" class="col-sm-4 col-md-4" src="Verify">
                        <a id="again" class="col-sm-3 col-md-3">看不清楚？</a>
                    </div>
                    <input type="submit" class="btn btn-primary col-sm-10 col-md-12" />
                </div>
            </form>
        </div>
    </body>
    <script>
            $('#again').on('click',function(){
                $('#verify').attr("src",'Verify');
            });
    </script>
</html>